<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>
<body>
    <header style="background-image: url(./images/body.png);background-repeat: repeat-x;width: 1300px;margin: 0 auto;;">
        <aside style="background-image: url(./images/1.png);width:1300px ;height: 109px;margin: 0 auto;"></aside>
        <section style="background-color: white;width: 953px;height: 600px;margin:0 auto;border: 1px solid skyblue;">
            <section style="width:753px;margin: auto;margin-top: 80px;">
                <h1 style="font-size: 18px;color: #333;border-left: skyblue solid 2px;">&nbsp&nbsp注册账号</h1>
                <div class="line"></div>
                <form action="">
                    <p class="a1"><span style="color: red;">*</span>昵称<input type="text"   placeholder="英文、数字长度为6-10个字符" required pattern="^\d{6,10}$" style="border: 1px soild skyblue;"></p>
                    <p class="a1"><span style="color: red;">*</span>密码<input type="password"   placeholder="长度为6-16个字符"  required pattern="^[a-zA-Z]\w(5,15)$"></p>
                    <p ><span style="color: red;">*</span>手机号码<input type="number" placeholder="以13|14|15|17|18开头" required pattern="^1[34578]\d{9}"><span style="font-size: 10px;">忘记密码时可用手机号找回密码</span></p>
                    <p class="a1"><span style="color: red;">*</span>邮箱<input type="email" required></p>
                    <p class="a1"><span style="color: red;">*</span>年龄<input type="number" required></p>
                    <p style="width: 60px;;margin-top: 40px; margin-left: 60px;">
                    <input type="submit" value="立即注册" style="height: 50px; width: 150px; background-color: red; color: aliceblue;"></p>
                </form>
            </section>
            
        </section>

    </header>
</body>
</html>